 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .lf {
     float: left;
 }

 .lr {
     float: right;
 }

 .clearfix::after {
     content: '';
     display: block;
     clear: both;
 }

 .container {
     width: 960px;
     margin: 20px auto;
 }

 .top {
     height: 80px;
     margin-bottom: 10px;
 }

 .container .top .logo {
     width: 200px;
     height: 80px;
     background-color: #e2e2e2;
 }

 .container .top .banner {
     width: 540px;
     height: 80px;
     background-color: #e2e2e2;
     margin: 0 10px;
 }

 .container .top .banner2 {
     width: 200px;
     height: 80px;
     background-color: #e2e2e2;
 }

 .container .menu {
     height: 30px;
     background-color: #e2e2e2;
     margin-bottom: 10px;
 }

 .content {
     height: 410px;
     margin-bottom: 10px;
 }

 .content-left {
     width: 750px;
 }

 .content-left .section1 {
     width: 370px;
     height: 200px;
     border: 1px solid #ccc;
     margin-bottom: 10px;
 }

 .content-left .section1:first-child {
     margin-right: 10px;
 }

 .content-left .section2 {
     width: 180px;
     height: 200px;
     border: 1px solid #ccc;
 }

 .content-left .section2:not(:last-child) {
     margin-right: 10px;
 }

 .content-right {
     width: 200px;
 }

 .content-right .section3 {
     width: 200px;
     height: 130px;
     border: 1px solid #ccc;
 }

 .content-right .section3:nth-child(2) {
     margin: 10px 0;
 }

 .container .footer {
     height: 60px;
     background-color: #e2e2e2;
 }